
        document.addEventListener('DOMContentLoaded', function() {
            const hourHand = document.querySelector('.hour');
            const minuteHand = document.querySelector('.minute');
            const secondHand = document.querySelector('.second');
            const digitalClock = document.querySelector('.digital-clock');
            const dateElement = document.querySelector('.date');
            
            function updateClock() {
                const now = new Date();
                const hours = now.getHours();
                const minutes = now.getMinutes();
                const seconds = now.getSeconds();
                
                // 计算指针角度
                const secondDegrees = (seconds / 60) * 360;
                const minuteDegrees = (minutes / 60) * 360 + (seconds / 60) * 6;
                const hourDegrees = (hours / 12) * 360 + (minutes / 60) * 30;
                
                // 应用旋转角度
                secondHand.style.transform = `translateX(-50%) rotate(${secondDegrees}deg)`;
                minuteHand.style.transform = `translateX(-50%) rotate(${minuteDegrees}deg)`;
                hourHand.style.transform = `translateX(-50%) rotate(${hourDegrees}deg)`;
                
                // 更新数字时钟
                digitalClock.textContent = `${formatTime(hours)}:${formatTime(minutes)}:${formatTime(seconds)}`;
                
                // 更新日期
                const options = { year: 'numeric', month: 'long', day: 'numeric', weekday: 'long' };
                dateElement.textContent = now.toLocaleDateString('zh-CN', options);
            }
            
            function formatTime(time) {
                return time < 10 ? `0${time}` : time;
            }
            
            // 初始更新
            updateClock();
            
            // 每秒更新一次
            setInterval(updateClock, 1000);
        });
    